
import Nav from '../../components/nav/Nav'
import './User.css'
import { Mail, Phone, User, Video, Music, Catalog, Code, Achievement, Workshop } from 'grommet-icons';
import { PhotoProvider, PhotoView } from 'react-photo-view';

import 'react-photo-view/dist/react-photo-view.css';
function Project () {

  const list = [

  ]

  return (
    <div>
      <Nav isindex={false} content={'个人信息'} />
      <div className='user-local'>
        <div className='user-tx'>
          <div className='user-tx-phone'>
            <div className='user-tx-phone-name'>唐玮龙</div>
            <div className='user-tx-phone-mail'><Mail color='#2c6b8e' className='mail' />2783453717@qq.com</div>
            <div className='user-tx-phone-phone'><Phone color='#2c6b8e' className='phone' />18489002886</div>
          </div>
          <div className='user-tx-tx'>
            <div className='user-tx-tx-border'>
              <img src='https://ahead-langke.gitee.io/picture-storage/resume/userinfo/20231102201148.jpg'></img>
            </div>
          </div>
        </div>

        <div className='user-title'>
          <User color='plain' className='user' />
          个人资料
        </div>

        <div className='user-xx'>
          <div className='user-xx-div'>
            <div className='user-xx-div-left'>
              <div>性别：男</div>
              <div>籍贯：海南</div>
              <div>居住：海南海口</div>
              <div>出生年月：2000.03</div>
            </div>
            <div className='user-xx-div-rigth'>
              <div>学历：本科</div>
              <div>毕业时间：2023.07</div>
              <div>学校：海口经济学院</div>
              <div>专业：计算机科学与技术</div>
            </div>
            <div className='user-xx-div-botton'>
              <div><Catalog color='#2c6b8e' /><div>看书</div></div>
              <div><Music color='#2c6b8e' /><div>音乐</div></div>
              <div><Video color='#2c6b8e' /><div>电影</div></div>
              <div><Code color='#2c6b8e' /><div>Code</div></div>
            </div>
          </div>
        </div>

        <div className='user-title'>
          <Achievement color='plain' className='user' />
          证书/奖状
        </div>

        <div className='user-jl'>
          <PhotoProvider>
            <div className='user-jl-a'>
              <PhotoView src='https://ahead-langke.gitee.io/picture-storage/resume/userinfo/287f7346afc721ac57fe5d30652e6d6.png'>
                <div className='user-jl-tu'>
                  <img src='https://ahead-langke.gitee.io/picture-storage/resume/userinfo/287f7346afc721ac57fe5d30652e6d6.png' />
                </div>
              </PhotoView>
              <div className='user-jl-a-info'>
                软件设计师
              </div>
            </div>
            <div className='user-jl-a'>
              <PhotoView src='https://ahead-langke.gitee.io/picture-storage/resume/userinfo/20231118153437.jpg'>
                <div className='user-jl-tu'>
                  <img src='https://ahead-langke.gitee.io/picture-storage/resume/userinfo/20231118153437.jpg' />
                </div>
              </PhotoView>
              <div className='user-jl-a-info'>
                学校编程赛一等奖
              </div>
            </div>
          </PhotoProvider>
        </div>

        <div className='user-title'>
          <Workshop color='plain' className='user' />
          实习经历
        </div>
        <div className='user-sx'>
          <div className='user-sx-a'>
            <div>数创科技有限公司（2022）</div>
            <ol class="steps">
              <li class="active">6月底</li>
              <li class="active">7月</li>
              <li class="active">8月</li>
              <li class="active">9月中</li>
            </ol>
          </div>
          <div className='user-sx-a'>
            <div>源优科技有限公司（2022-2023）</div>
            <ol class="steps">
              <li class="active">12月</li>
              <li class="active">1月</li>
              <li class="active">2月</li>
              <li class="active">3月</li>
              <li class="active">4月</li>
              <li class="active">5月</li>
              <li class="active">6月</li>
              <li class="active">7月</li>
              <li class="active">8月</li>
              <li class="active">9月</li>
              <li class="active">10月</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
  );
}

export default Project;